<div id='game_select'>
  <div class='dialog'>
    <ul class="nav">
      <li class="selected">Exiting Games</li>
      <li>Create Game</li>
    </ul>
    <div class="nav-border"> </div>
    <div class="nav-border"> </div>

    <div class="controls" id='select-tab'>
      <div class="messages">
        This is some kind of error
      </div>
      <h2>Ready</h2>
      <table id="ready" class="select">

      </table>
      <h2>Waiting</h2>
      <table id="waiting" class="select">

      </table>
      <div>
        <button id="refresh">
          <img src="images/refresh.png"/>
          Refresh
        </button>
      </div>
    </div>
    <div class="controls" id='create-tab'>
      <div class="messages">
        This is some kind of error
      </div>
      <table>
        <tr>
          <td><span class="label">Opponent's Email</span></td>
          <td><input type='text' id="start-game-email" size='27'/></td>
        </tr>
        <tr>
          <td/>
          <td>
            <button id="start-game-button">Start Game</button>
          </td>
        </tr>
      </table>
    </div>
  </div>
</div>
